<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html" ; charset="utf-8" />
    <title></title>

    <link href="./public/h5/css/all.css" rel="stylesheet" type="text/css">
    <link href="./public/h5/js/bstable/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="./public/h5/js/bstable/css/bootstrap-table.css" rel="stylesheet" type="text/css">

</head>

<body>
    <!-- 
    <div class="div_find">

        <p>
            <label class="find_labela">提案号：</label><input type="text" class="find_input">
        </p>
        <p>
            <label class="find_labela">提案号：</label><input type="text" class="find_input"><input type="button" value="搜索一下"
                class="find_but" id="but_open"><input type="button" value="重置" class="find_but" id="but_close02">
    </div>
    <p class="p_but">

        <i class="down_i"></i><a href="#" class="add_a">导出</a>
        <i class="print_i"></i><a href="#" class="add_a">打印</a>
    </p> -->
    <p>
        <table id="table" class="table_style" style="margin: 0 auto" data-toolbar="#toolbar">
            <!-- <tr><td><input type='checkbox'/></td><td>数据库</td><td>操作</td></tr> -->
            <% for(let i=newArr.length - 1; i>0; i--) {%>
            <tr>
                <td><input type='checkbox' /></td>
                <td>
                    <%=newArr[i].id %>
                </td>
                <td>
                    <%=newArr[i].database %>
                </td>
                <td>

                    <a href="#" title="" onclick="openlayer('+1+')">删除</a>
                </td>
            </tr>

            <%}%>
        </table>
    </p>

    <script src="./public/h5/js/jquery/jQuery-2.2.0.min.js"></script>
    <script src="./public/h5/js/bstable/js/bootstrap.min.js"></script>
    <script src="./public/h5/js/bstable/js/bootstrap-table.js"></script>
    <script src="./public/h5/js/bstable/js/bootstrap-table-zh-CN.min.js"></script>
    <script src="./public/h5/js/date/js/laydate.js"></script>
    <script>
        var setCookies = function (name, value, day) {
            if (day !== 0) { //当设置的时间等于0时，不设置expires属性，cookie在浏览器关闭后删除
                var expires = day * 24 * 60 * 60 * 1000;
                var date = new Date(+new Date() + expires);
                document.cookie = name + "=" + escape(value) + ";expires=" + date.toUTCString(); +"httpOnly:false;"
            } else {
                document.cookie = name + "=" + escape(value);
            }
        };
        function getCookies(cookieName) {
            var strCookie = document.cookie;
            var arrCookie = strCookie.split("; ");
            for (var i = 0; i < arrCookie.length; i++) {
                var arr = arrCookie[i].split("=");
                if (cookieName == arr[0]) {
                    return arr[1];
                }
            }
            return "";
        }


        function chooseDB(db_name) {
            //localStorage.setItem('db_name', db_name);
            setCookies('db_name', db_name, 0);
            document.location.reload();
        }
    </script>
    <script>
        !function () {
            laydate.skin('danlan');//切换皮肤，请查看skins下面皮肤库
            laydate({ elem: '#demo' });
            laydate({ elem: '#demo1' });//绑定元素
        }();
    </script>

    <script type="text/javascript">
        $(function () {
            $('#table').bootstrapTable({
                // method: "get",
                toolbar: '#toolbar',              //工具按钮用哪个容器
                striped: true,
                singleSelect: false,
                // url: "json/allFind.json",
                dataType: "json",
                pagination: true, //分页
                pageSize: 10,
                pageNumber: 1,
                search: true, //显示搜索框
                // strictSearch: true,
                showRefresh: true,                  //是否显示刷新按钮
                // clickToSelect: true,                //是否启用点击选中行
                showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
                cardView: false,                    //是否显示详细视图
                detailView: false,                  //是否显示父子表
                contentType: "application/x-www-form-urlencoded",
                queryParams: null,
                // uniqueId: "id",                     //每一行的唯一标识，一般为主键列
                // sortable: true,      //是否启用排序
                // sortOrder: "desc",     //排序方式
                columns: [
                    {
                        checkbox: "true",
                        field: 'check',
                        align: 'center',
                        valign: 'middle'
                    }
                    ,
                    {
                        title: "编号",
                        field: 'id',
                        align: 'left',
                        valign: 'middle',
                        width: '1%'
                    },
                    {
                        title: "数据库",
                        field: 'database',
                        align: 'center',
                        valign: 'middle',
                        width: '15%'
                    },
                    {
                        title: '操作',
                        field: 'opear',
                        align: 'center',
                        // formatter: function (value, row) {
                        //     var e = '<a  href="#" title="提案评价" onclick="openlayer('+1+')">删除</a> ';


                        //     return e ;
                        // }
                    }
                    // {
                    //     title: '操作',
                    //     field: 'class',
                    //     align: 'left',
                    //     valign: 'middle'
                    // },
                    // {
                    //     title: '案由',
                    //     field: 'resouce',
                    //     align: 'center',
                    //     valign: 'middle'
                    // },
                    // {
                    //     title: '提案者',
                    //     field: 'person',
                    //     align: 'center'
                    // },
                    // {
                    //     title: '办理单位',
                    //     field: 'part',
                    //     align: 'center'
                    // },
                    // {
                    //     title: '签收期限',
                    //     field: 'date01',
                    //     align: 'center'
                    // },
                    // {
                    //     title: '签收状态',
                    //     field: 'getType',
                    //     align: 'center',
                    //     formatter: function (cellval, row) {
                    //         //var cellval=$("#station").val();
                    //         if (cellval == '未签收') {
                    //             return '<div  style="color:red">' + cellval + '</div>';
                    //         } else if (cellval == '已签收') {
                    //             return '<div  style="color:green">' + cellval + '</div>';
                    //         } else {
                    //             return cellval;
                    //         }
                    //     }
                    // },
                    // {
                    //     title: '办理期限',
                    //     field: 'date02',
                    //     align: 'center'
                    // },
                    // {
                    //     title: '办理情况',
                    //     field: 'overType',
                    //     align: 'center'
                    // },
                    // {
                    //     title: '提案状态',
                    //     field: 'type',
                    //     align: 'center'
                    // },

                    // {
                    //     title: '操作',
                    //     field: 'opear',
                    //     align: 'center',
                    //     formatter: function (value, row) {
                    //         var e = '<a  href="#" title="查看详情" onclick="handleEvent(\'' + row.id + '\')">编辑</a> ';


                    //         return e;
                    //     }
                    // }
                ]
            });
        })

    </script>
    <script src="./public/h5/js/layer_v2.1/layer/layer.js"></script>
    <script>
        function openlayer(id) {
            layer.open({
                type: 2,
                title: '意见填写',
                shadeClose: true,
                shade: 0.5,
                skin: 'layui-layer-rim',
                //            maxmin: true,
                closeBtn: 1,
                area: ['98%', '92%'],
                shadeClose: true,
                closeBtn: 1,
                content: 'feedBook.html'
                //iframe的url
            });
        }
        // function openlayer(id) {
        //     layer.open({
        //         type: 2,
        //         title: '添加信息',
        //         shadeClose: true,
        //         shade: 0.5,
        //         skin: 'layui-layer-rim',
        //         //            maxmin: true,
        //         closeBtn: 1,
        //         area: ['98%', '92%'],
        //         shadeClose: true,
        //         closeBtn: 1,
        //         content: 'lay01.html'
        //         //iframe的url
        //     });
        // }
    </script>
    <script>
        $(function () {
            $(".find_span").click(function () {
                $("#open").show();
                $(this).hide();
                $(".find_span1").show();
                $("#but_close02").hide();
                $("#but_open").hide();

            })
            $(".find_span1").click(function () {
                $("#open").hide();
                $(this).hide();
                $(".find_span").show();
                $("#but_open").show();
                $("#but_close02").show();

            })

        })
    </script>

</body>

</html>